#box{position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); opacity: 0; transition-property: opacity, top; transition-duration: .5s; transition-timing-function: ease;}
#box.ani{opacity: 1; top: 50%;}
#box > .item{margin-top: 20px;}
#logo{background-image: url(../commoon/logo.png); width: 128px; height: 128px; background-size: 128px 128px; margin: auto; padding-bottom: 40px; background-repeat: no-repeat;}
#box, input{color: #FFF; font-size: 20px;}
input[type=text],input[type=password]{background-color: #000; border-style: none none solid none; outline: none;}
input[type=text]:focus,input[type=password]:focus{border-bottom-color: red;}

